<!--msg包括左右两边的图表 msg1代表标题-->
<app-head [msg1]="title" [msg]="this"></app-head>
<div class="getcheckNum" *ngIf="showNumboox">
  <span>【苜蓿草商城】短信验证码：{{checkNums}}</span>
</div>
<div class="login_body">
    <span>手机号</span>&nbsp;&nbsp;
    <input type="text" placeholder="请输入十一位手机号码"  [ngClass]="{'':!telColor, 'input_style':telColor}" (change)="onChange()" (blur)="onBlurTel($event)" (focus)="onFocusTel($event)">
    <span class="success" *ngIf="successTel === true ">✅</span>
  <div class="error" *ngIf="errorTel === true ">手机号不正确</div>
  <div class="error" *ngIf="emptyTel === true">该用户不存在</div>
  <div class="checkNum">
    <span>验证码</span>&nbsp;&nbsp;
    <input type="text" [ngClass]="{'':!checkColor, 'input_style':checkColor}" (blur)="onBlurcheck($event)" (focus)="onFocuscheck($event)">
    <button class="checkNum_btn" (click)="checkNum()" [disabled]= '!check'>
      <span *ngIf=" check === true">获取验证码</span>
      <span *ngIf="check === false">{{num}}S后重新获取</span></button>
    <div class="error" *ngIf="emptyCheck === true ">验证码不能为空</div>
    <div class="error" *ngIf="errorCheck === true ">验证码不正确</div>
    <div class="bangDing">
      <button class="bangDing_btn" (click)="bangding()">
      <span *ngIf="showSuccess === false">点击绑定</span>
      <span *ngIf="showSuccess === true">({{num1}})S后跳转首页</span>
      </button>
    </div>
  </div>
  <div class="successMsg" *ngIf="showSuccess === true">
    <span >绑定成功</span>
  </div>
  <div class="successCheckNum" *ngIf="showCheckNum === true">
    <span >验证码已发送到您的手机请注意查收</span>
  </div>
</div>



